<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,
    user-scalable=no,viewport-fit=cover">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet"  type="text/css" href="font/iconfont.css">
    <title>美团</title>
</head>
<body>
    <header>
        <div class="header-left">
            <span class="headerleft">萍乡<span class="arrow"></span></span>
        </div>
        <div class="headerright">
            <input type="text" name="" placeholder="奶茶">
        </div>
    </header>
    <main>
        <div class="Meituan">
            <img src="img/外卖.jpg" alt="广告图">
        </div>
        <nav class="navlist">
            <ul>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-meishi" style="background:#ff6767;"></p>
                        <p class="nav-des">美食</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-dianying" style="background:#ff9d21;"></p>
                        <p class="nav-des">电影</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-hotel" style="background:#8a90fa;"></p>
                        <p class="nav-des">酒店</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-qunfengxiuxianyulexian" style="background:#4dc6ee;"></p>
                        <p class="nav-des">休闲娱乐</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-waimai" style="background:#67f5ff;"></p>
                        <p class="nav-des">外卖</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-ktv" style="background:#ffb867;"></p>
                        <p class="nav-des">KTV</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-zhoubianyou1" style="background:#e167ff;"></p>
                        <p class="nav-des">周边游</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-yiyaoyuyiliao" style="background:#b8ff67;"></p>
                        <p class="nav-des">医药馆</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-kuaican" style="background:#bb67ff;"></p>
                        <p class="nav-des">小吃快餐</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-href">
                        <p class="nav-icon iconfont icon-quanbufenlei" style="background:#ff678d;"></p>
                        <p class="nav-des">全部分类</p>
                    </a>
                </li>
            </ul>
        </nav>
        <div class="pintuan">
            <h2 classs="title">附近拼盘</h2>
            <div class="box-list">
                <div class="box-item">
                    <img src="img/2.jpg" alt="美食外卖">
                    <div class="item-title">古乐牛香.像牛肉牛杂火锅（南昌市南昌县万达广场三楼）</div>
                    <div class="price">
                        <span class="zhehouPrice">￥130</span>
                        <span class="yuanPrice">￥240</span>
                    </div>
                </div>
                <div class="box-item">
                    <img src="img/3.jpg" alt="火锅牛肉">
                    <div class="item-title">季季红火锅店（南昌市南昌县向塘地区）</div>
                    <div class="price">
                        <span class="zhehouPrice">￥160</span>
                        <span class="yuanPrice">￥240</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="youlike">
            <div class="title">-猜你喜欢-</div>
            <ul class="list">
                <li class="itemli">
                    <a href="#" class="item-href">
                        <div class="item-box">
                            <div class="item-img">
                                <img src="img/7.jpg" alt="预览图">
                            </div>
                            <div class="item-des">
                                <div class="des-name">川味轩（向塘店）</div>
                                <div class="des-title">[6点通用]3人套餐，提供免费WiFi，免费停车位</div>
                                <div class="des-price">
                                    <span class="zhehouPrice">120</span>
                                    <span class="yuanPrice">门市价：￥190</span>
                                    <span class="selNum">已售89076</span>
                                </div>
                            </div>
                        </div>
                    </a>

                </li>
                <li class="itemli">
                    <a href="#" class="item-href">
                        <div class="item-box">
                            <div class="item-img">
                                <img src="img/4.jpg" alt="预览图">
                            </div>
                            <div class="item-des">
                                <div class="des-name">居家酒店（万达广场金街）</div>
                                <div class="des-title">[5点通用]2人套房/1人单间，提供免费WiFi，免费停车位</div> 
                                <div class="des-price">
                                    <span class="zhehouPrice">160</span>
                                    <span class="yuanPrice">门市价：￥180</span>
                                    <span class="selNum">已售234234</span>
                                </div>
                            </div>
                        </div>
                    </a>

                </li>
                <li class="itemli">
                    <a href="#" class="item-href">
                        <div class="item-box">
                            <div class="item-img">
                                <img src="img/6.jpg" alt="预览图">
                            </div>
                            <div class="item-des">
                                <div class="des-name">老街酒店（东西街道）</div>
                                <div class="des-title">[24小时开门]2人套餐/1人套餐，提供免费WiFi，免费停车位</div>
                                <div class="des-price">
                                    <span class="zhehouPrice">248</span>
                                    <span class="yuanPrice">门市价：￥290</span>
                                    <span class="selNum">有余房28间</span>
                                </div>
                            </div>
                        </div>
                    </a>

                </li>
                <li class="itemli">
                    <a href="#" class="item-href">
                        <div class="item-box">
                            <div class="item-img">
                                <img src="img/2.jpg" alt="预览图">
                            </div>
                            <div class="item-des">
                                <div class="des-name">古乐牛香.像牛肉牛杂火锅（南昌市南昌县万达广场三楼）</div>
                                <div class="des-title">[6点通用]3人套餐，提供免费WiFi，免费停车位</div> 
                                <div class="des-price">
                                    <span class="zhehouPrice">130</span>
                                    <span class="yuanPrice">门市价：￥240</span>
                                    <span class="selNum">已售425366</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </main>
    <footer>
        <ul class="nav-menu">
            <li class="nav-item">
                <a href="#" class="active">
                    <div class="iconfont icon-shouye"></div>
                    <span>首页</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#">
                    <div class="iconfont icon-dingdan"></div>
                    <span>订单</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#">
                    <div class="iconfont icon-liaotian"></div>
                    <span>信息</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#">
                    <div class="iconfont icon-wode"></div>
                    <span>个人</span>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>